<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Icon 图标（ElementUI的）</title>
	<link rel="stylesheet" href="../static/css/reset.css">
	<script src="../static/js/vue.global.prod.js"></script>
	<script src="../static/js/antd.min.js"></script>
	<script src="../static/js/icons-vue.js"></script>
	<!-- <script src="../static/js/icons_antd.js"></script> -->
<style>
.aut-icon{
	height: 2em;
	width: 2em;
	/* color: red; */
}
.icon-demo{
	display: inline-block;
	background-color: #c6e2ff;
	border: 1px solid gray;
	padding: 4px 30px;
	margin: 8px;
}
.icon-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.icon-cell{
	display: flex;
	flex-direction: column;
	width: 140px;
	height: 90px;
	border: 1px solid lightgray;
	padding: 8px 0;
}
.icon-icon{
	margin: auto;
}
.icon-text{
	margin: auto;
	color: gray;
}
</style>
</head>
<body>

<div id="app">
	<a-divider class="a-divi" orientation="left">基本用法</a-divider><!-- =============================================================== -->
	<p class="desc">ElementUI的部分图标</p>
	<aim style="width: 1em; height: 1em; margin-left: 8px"></aim>
	<Edit style="width: 1em; height: 1em; margin-left: 8px"></Edit>
	<Share style="width: 1em; height: 1em; margin-left: 8px"></Share>
	<Delete style="width: 1em; height: 1em; margin-left: 8px"></Delete>
	<Search style="width: 1em; height: 1em; margin-left: 8px"></Search>
	
	<a-divider class="a-divi" orientation="left">全部图标</a-divider><!-- =============================================================== -->
	<p class="desc">ElementUI的全部图标</p>
	<a-affix :offset-top="top">
		<div class="icon-demo"><p v-text="iconDemo" style="margin-top: 1em;"></p></div>
	</a-affix>
	
	<div class="icon-container">
		<div class="icon-cell" @click="clickIcon('add-location')"><div class="icon-icon"><add-location class="aut-icon"></add-location></div><div class="icon-text">add-location</div></div>
		<div class="icon-cell" @click="clickIcon('aim')"><div class="icon-icon"><aim class="aut-icon"></aim></div><div class="icon-text">aim</div></div>
		<div class="icon-cell" @click="clickIcon('alarm-clock')"><div class="icon-icon"><alarm-clock class="aut-icon"></alarm-clock></div><div class="icon-text">alarm-clock</div></div>
		<div class="icon-cell" @click="clickIcon('apple')"><div class="icon-icon"><apple class="aut-icon"></apple></div><div class="icon-text">apple</div></div>
		<div class="icon-cell" @click="clickIcon('arrow-down')"><div class="icon-icon"><arrow-down class="aut-icon"></arrow-down></div><div class="icon-text">arrow-down</div></div>
		<div class="icon-cell" @click="clickIcon('arrow-down-bold')"><div class="icon-icon"><arrow-down-bold class="aut-icon"></arrow-down-bold></div><div class="icon-text">arrow-down-bold</div></div>
		<div class="icon-cell" @click="clickIcon('arrow-left')"><div class="icon-icon"><arrow-left class="aut-icon"></arrow-left></div><div class="icon-text">arrow-left</div></div>
		<div class="icon-cell" @click="clickIcon('arrow-left-bold')"><div class="icon-icon"><arrow-left-bold class="aut-icon"></arrow-left-bold></div><div class="icon-text">arrow-left-bold</div></div>
		<div class="icon-cell" @click="clickIcon('arrow-right')"><div class="icon-icon"><arrow-right class="aut-icon"></arrow-right></div><div class="icon-text">arrow-right</div></div>
		<div class="icon-cell" @click="clickIcon('arrow-right-bold')"><div class="icon-icon"><arrow-right-bold class="aut-icon"></arrow-right-bold></div><div class="icon-text">arrow-right-bold</div></div>
		<div class="icon-cell" @click="clickIcon('arrow-up')"><div class="icon-icon"><arrow-up class="aut-icon"></arrow-up></div><div class="icon-text">arrow-up</div></div>
		<div class="icon-cell" @click="clickIcon('arrow-up-bold')"><div class="icon-icon"><arrow-up-bold class="aut-icon"></arrow-up-bold></div><div class="icon-text">arrow-up-bold</div></div>
		<div class="icon-cell" @click="clickIcon('avatar')"><div class="icon-icon"><avatar class="aut-icon"></avatar></div><div class="icon-text">avatar</div></div>
		<div class="icon-cell" @click="clickIcon('back')"><div class="icon-icon"><back class="aut-icon"></back></div><div class="icon-text">back</div></div>
		<div class="icon-cell" @click="clickIcon('baseball')"><div class="icon-icon"><baseball class="aut-icon"></baseball></div><div class="icon-text">baseball</div></div>
		<div class="icon-cell" @click="clickIcon('basketball')"><div class="icon-icon"><basketball class="aut-icon"></basketball></div><div class="icon-text">basketball</div></div>
		<div class="icon-cell" @click="clickIcon('bell')"><div class="icon-icon"><bell class="aut-icon"></bell></div><div class="icon-text">bell</div></div>
		<div class="icon-cell" @click="clickIcon('bell-filled')"><div class="icon-icon"><bell-filled class="aut-icon"></bell-filled></div><div class="icon-text">bell-filled</div></div>
		<div class="icon-cell" @click="clickIcon('bicycle')"><div class="icon-icon"><bicycle class="aut-icon"></bicycle></div><div class="icon-text">bicycle</div></div>
		<div class="icon-cell" @click="clickIcon('bottom')"><div class="icon-icon"><bottom class="aut-icon"></bottom></div><div class="icon-text">bottom</div></div>
		<div class="icon-cell" @click="clickIcon('bottom-left')"><div class="icon-icon"><bottom-left class="aut-icon"></bottom-left></div><div class="icon-text">bottom-left</div></div>
		<div class="icon-cell" @click="clickIcon('bottom-right')"><div class="icon-icon"><bottom-right class="aut-icon"></bottom-right></div><div class="icon-text">bottom-right</div></div>
		<div class="icon-cell" @click="clickIcon('bowl')"><div class="icon-icon"><bowl class="aut-icon"></bowl></div><div class="icon-text">bowl</div></div>
		<div class="icon-cell" @click="clickIcon('box')"><div class="icon-icon"><box class="aut-icon"></box></div><div class="icon-text">box</div></div>
		<div class="icon-cell" @click="clickIcon('briefcase')"><div class="icon-icon"><briefcase class="aut-icon"></briefcase></div><div class="icon-text">briefcase</div></div>
		<div class="icon-cell" @click="clickIcon('brush')"><div class="icon-icon"><brush class="aut-icon"></brush></div><div class="icon-text">brush</div></div>
		<div class="icon-cell" @click="clickIcon('brush-filled')"><div class="icon-icon"><brush-filled class="aut-icon"></brush-filled></div><div class="icon-text">brush-filled</div></div>
		<div class="icon-cell" @click="clickIcon('burger')"><div class="icon-icon"><burger class="aut-icon"></burger></div><div class="icon-text">burger</div></div>
		<div class="icon-cell" @click="clickIcon('calendar')"><div class="icon-icon"><calendar class="aut-icon"></calendar></div><div class="icon-text">calendar</div></div>
		<div class="icon-cell" @click="clickIcon('camera')"><div class="icon-icon"><camera class="aut-icon"></camera></div><div class="icon-text">camera</div></div>
		<div class="icon-cell" @click="clickIcon('camera-filled')"><div class="icon-icon"><camera-filled class="aut-icon"></camera-filled></div><div class="icon-text">camera-filled</div></div>
		<div class="icon-cell" @click="clickIcon('caret-bottom')"><div class="icon-icon"><caret-bottom class="aut-icon"></caret-bottom></div><div class="icon-text">caret-bottom</div></div>
		<div class="icon-cell" @click="clickIcon('caret-left')"><div class="icon-icon"><caret-left class="aut-icon"></caret-left></div><div class="icon-text">caret-left</div></div>
		<div class="icon-cell" @click="clickIcon('caret-right')"><div class="icon-icon"><caret-right class="aut-icon"></caret-right></div><div class="icon-text">caret-right</div></div>
		<div class="icon-cell" @click="clickIcon('caret-top')"><div class="icon-icon"><caret-top class="aut-icon"></caret-top></div><div class="icon-text">caret-top</div></div>
		<div class="icon-cell" @click="clickIcon('cellphone')"><div class="icon-icon"><cellphone class="aut-icon"></cellphone></div><div class="icon-text">cellphone</div></div>
		<div class="icon-cell" @click="clickIcon('chat-dot-round')"><div class="icon-icon"><chat-dot-round class="aut-icon"></chat-dot-round></div><div class="icon-text">chat-dot-round</div></div>
		<div class="icon-cell" @click="clickIcon('chat-dot-square')"><div class="icon-icon"><chat-dot-square class="aut-icon"></chat-dot-square></div><div class="icon-text">chat-dot-square</div></div>
		<div class="icon-cell" @click="clickIcon('chat-line-round')"><div class="icon-icon"><chat-line-round class="aut-icon"></chat-line-round></div><div class="icon-text">chat-line-round</div></div>
		<div class="icon-cell" @click="clickIcon('chat-line-square')"><div class="icon-icon"><chat-line-square class="aut-icon"></chat-line-square></div><div class="icon-text">chat-line-square</div></div>
		<div class="icon-cell" @click="clickIcon('chat-round')"><div class="icon-icon"><chat-round class="aut-icon"></chat-round></div><div class="icon-text">chat-round</div></div>
		<div class="icon-cell" @click="clickIcon('chat-square')"><div class="icon-icon"><chat-square class="aut-icon"></chat-square></div><div class="icon-text">chat-square</div></div>
		<div class="icon-cell" @click="clickIcon('check')"><div class="icon-icon"><check class="aut-icon"></check></div><div class="icon-text">check</div></div>
		<div class="icon-cell" @click="clickIcon('checked')"><div class="icon-icon"><checked class="aut-icon"></checked></div><div class="icon-text">checked</div></div>
		<div class="icon-cell" @click="clickIcon('cherry')"><div class="icon-icon"><cherry class="aut-icon"></cherry></div><div class="icon-text">cherry</div></div>
		<div class="icon-cell" @click="clickIcon('chicken')"><div class="icon-icon"><chicken class="aut-icon"></chicken></div><div class="icon-text">chicken</div></div>
		<div class="icon-cell" @click="clickIcon('circle-check')"><div class="icon-icon"><circle-check class="aut-icon"></circle-check></div><div class="icon-text">circle-check</div></div>
		<div class="icon-cell" @click="clickIcon('circle-check-filled')"><div class="icon-icon"><circle-check-filled class="aut-icon"></circle-check-filled></div><div class="icon-text">circle-check-filled</div></div>
		<div class="icon-cell" @click="clickIcon('circle-close')"><div class="icon-icon"><circle-close class="aut-icon"></circle-close></div><div class="icon-text">circle-close</div></div>
		<div class="icon-cell" @click="clickIcon('circle-close-filled')"><div class="icon-icon"><circle-close-filled class="aut-icon"></circle-close-filled></div><div class="icon-text">circle-close-filled</div></div>
		<div class="icon-cell" @click="clickIcon('circle-plus')"><div class="icon-icon"><circle-plus class="aut-icon"></circle-plus></div><div class="icon-text">circle-plus</div></div>
		<div class="icon-cell" @click="clickIcon('circle-plus-filled')"><div class="icon-icon"><circle-plus-filled class="aut-icon"></circle-plus-filled></div><div class="icon-text">circle-plus-filled</div></div>
		<div class="icon-cell" @click="clickIcon('clock')"><div class="icon-icon"><clock class="aut-icon"></clock></div><div class="icon-text">clock</div></div>
		<div class="icon-cell" @click="clickIcon('close')"><div class="icon-icon"><close class="aut-icon"></close></div><div class="icon-text">close</div></div>
		<div class="icon-cell" @click="clickIcon('close-bold')"><div class="icon-icon"><close-bold class="aut-icon"></close-bold></div><div class="icon-text">close-bold</div></div>
		<div class="icon-cell" @click="clickIcon('cloudy')"><div class="icon-icon"><cloudy class="aut-icon"></cloudy></div><div class="icon-text">cloudy</div></div>
		<div class="icon-cell" @click="clickIcon('coffee')"><div class="icon-icon"><coffee class="aut-icon"></coffee></div><div class="icon-text">coffee</div></div>
		<div class="icon-cell" @click="clickIcon('coffee-cup')"><div class="icon-icon"><coffee-cup class="aut-icon"></coffee-cup></div><div class="icon-text">coffee-cup</div></div>
		<div class="icon-cell" @click="clickIcon('coin')"><div class="icon-icon"><coin class="aut-icon"></coin></div><div class="icon-text">coin</div></div>
		<div class="icon-cell" @click="clickIcon('cold-drink')"><div class="icon-icon"><cold-drink class="aut-icon"></cold-drink></div><div class="icon-text">cold-drink</div></div>
		<div class="icon-cell" @click="clickIcon('collection')"><div class="icon-icon"><collection class="aut-icon"></collection></div><div class="icon-text">collection</div></div>
		<div class="icon-cell" @click="clickIcon('collection-tag')"><div class="icon-icon"><collection-tag class="aut-icon"></collection-tag></div><div class="icon-text">collection-tag</div></div>
		<div class="icon-cell" @click="clickIcon('comment')"><div class="icon-icon"><comment class="aut-icon"></comment></div><div class="icon-text">comment</div></div>
		<div class="icon-cell" @click="clickIcon('compass')"><div class="icon-icon"><compass class="aut-icon"></compass></div><div class="icon-text">compass</div></div>
		<div class="icon-cell" @click="clickIcon('connection')"><div class="icon-icon"><connection class="aut-icon"></connection></div><div class="icon-text">connection</div></div>
		<div class="icon-cell" @click="clickIcon('coordinate')"><div class="icon-icon"><coordinate class="aut-icon"></coordinate></div><div class="icon-text">coordinate</div></div>
		<div class="icon-cell" @click="clickIcon('copy-document')"><div class="icon-icon"><copy-document class="aut-icon"></copy-document></div><div class="icon-text">copy-document</div></div>
		<div class="icon-cell" @click="clickIcon('cpu')"><div class="icon-icon"><cpu class="aut-icon"></cpu></div><div class="icon-text">cpu</div></div>
		<div class="icon-cell" @click="clickIcon('credit-card')"><div class="icon-icon"><credit-card class="aut-icon"></credit-card></div><div class="icon-text">credit-card</div></div>
		<div class="icon-cell" @click="clickIcon('crop')"><div class="icon-icon"><crop class="aut-icon"></crop></div><div class="icon-text">crop</div></div>
		<div class="icon-cell" @click="clickIcon('d-arrow-left')"><div class="icon-icon"><d-arrow-left class="aut-icon"></d-arrow-left></div><div class="icon-text">d-arrow-left</div></div>
		<div class="icon-cell" @click="clickIcon('d-arrow-right')"><div class="icon-icon"><d-arrow-right class="aut-icon"></d-arrow-right></div><div class="icon-text">d-arrow-right</div></div>
		<div class="icon-cell" @click="clickIcon('d-caret')"><div class="icon-icon"><d-caret class="aut-icon"></d-caret></div><div class="icon-text">d-caret</div></div>
		<div class="icon-cell" @click="clickIcon('data-analysis')"><div class="icon-icon"><data-analysis class="aut-icon"></data-analysis></div><div class="icon-text">data-analysis</div></div>
		<div class="icon-cell" @click="clickIcon('data-board')"><div class="icon-icon"><data-board class="aut-icon"></data-board></div><div class="icon-text">data-board</div></div>
		<div class="icon-cell" @click="clickIcon('data-line')"><div class="icon-icon"><data-line class="aut-icon"></data-line></div><div class="icon-text">data-line</div></div>
		<div class="icon-cell" @click="clickIcon('delete')"><div class="icon-icon"><delete class="aut-icon"></delete></div><div class="icon-text">delete</div></div>
		<div class="icon-cell" @click="clickIcon('delete-filled')"><div class="icon-icon"><delete-filled class="aut-icon"></delete-filled></div><div class="icon-text">delete-filled</div></div>
		<div class="icon-cell" @click="clickIcon('delete-location')"><div class="icon-icon"><delete-location class="aut-icon"></delete-location></div><div class="icon-text">delete-location</div></div>
		<div class="icon-cell" @click="clickIcon('dessert')"><div class="icon-icon"><dessert class="aut-icon"></dessert></div><div class="icon-text">dessert</div></div>
		<div class="icon-cell" @click="clickIcon('discount')"><div class="icon-icon"><discount class="aut-icon"></discount></div><div class="icon-text">discount</div></div>
		<div class="icon-cell" @click="clickIcon('dish')"><div class="icon-icon"><dish class="aut-icon"></dish></div><div class="icon-text">dish</div></div>
		<div class="icon-cell" @click="clickIcon('dish-dot')"><div class="icon-icon"><dish-dot class="aut-icon"></dish-dot></div><div class="icon-text">dish-dot</div></div>
		<div class="icon-cell" @click="clickIcon('document')"><div class="icon-icon"><document class="aut-icon"></document></div><div class="icon-text">document</div></div>
		<div class="icon-cell" @click="clickIcon('document-add')"><div class="icon-icon"><document-add class="aut-icon"></document-add></div><div class="icon-text">document-add</div></div>
		<div class="icon-cell" @click="clickIcon('document-checked')"><div class="icon-icon"><document-checked class="aut-icon"></document-checked></div><div class="icon-text">document-checked</div></div>
		<div class="icon-cell" @click="clickIcon('document-copy')"><div class="icon-icon"><document-copy class="aut-icon"></document-copy></div><div class="icon-text">document-copy</div></div>
		<div class="icon-cell" @click="clickIcon('document-delete')"><div class="icon-icon"><document-delete class="aut-icon"></document-delete></div><div class="icon-text">document-delete</div></div>
		<div class="icon-cell" @click="clickIcon('document-remove')"><div class="icon-icon"><document-remove class="aut-icon"></document-remove></div><div class="icon-text">document-remove</div></div>
		<div class="icon-cell" @click="clickIcon('download')"><div class="icon-icon"><download class="aut-icon"></download></div><div class="icon-text">download</div></div>
		<div class="icon-cell" @click="clickIcon('drizzling')"><div class="icon-icon"><drizzling class="aut-icon"></drizzling></div><div class="icon-text">drizzling</div></div>
		<div class="icon-cell" @click="clickIcon('edit')"><div class="icon-icon"><edit class="aut-icon"></edit></div><div class="icon-text">edit</div></div>
		<div class="icon-cell" @click="clickIcon('edit-pen')"><div class="icon-icon"><edit-pen class="aut-icon"></edit-pen></div><div class="icon-text">edit-pen</div></div>
		<div class="icon-cell" @click="clickIcon('eleme')"><div class="icon-icon"><eleme class="aut-icon"></eleme></div><div class="icon-text">eleme</div></div>
		<div class="icon-cell" @click="clickIcon('eleme-filled')"><div class="icon-icon"><eleme-filled class="aut-icon"></eleme-filled></div><div class="icon-text">eleme-filled</div></div>
		<div class="icon-cell" @click="clickIcon('element-plus')"><div class="icon-icon"><element-plus class="aut-icon"></element-plus></div><div class="icon-text">element-plus</div></div>
		<div class="icon-cell" @click="clickIcon('expand')"><div class="icon-icon"><expand class="aut-icon"></expand></div><div class="icon-text">expand</div></div>
		<div class="icon-cell" @click="clickIcon('failed')"><div class="icon-icon"><failed class="aut-icon"></failed></div><div class="icon-text">failed</div></div>
		<div class="icon-cell" @click="clickIcon('female')"><div class="icon-icon"><female class="aut-icon"></female></div><div class="icon-text">female</div></div>
		<div class="icon-cell" @click="clickIcon('files')"><div class="icon-icon"><files class="aut-icon"></files></div><div class="icon-text">files</div></div>
		<div class="icon-cell" @click="clickIcon('film')"><div class="icon-icon"><film class="aut-icon"></film></div><div class="icon-text">film</div></div>
		<div class="icon-cell" @click="clickIcon('filter')"><div class="icon-icon"><filter class="aut-icon"></filter></div><div class="icon-text">filter</div></div>
		<div class="icon-cell" @click="clickIcon('finished')"><div class="icon-icon"><finished class="aut-icon"></finished></div><div class="icon-text">finished</div></div>
		<div class="icon-cell" @click="clickIcon('first-aid-kit')"><div class="icon-icon"><first-aid-kit class="aut-icon"></first-aid-kit></div><div class="icon-text">first-aid-kit</div></div>
		<div class="icon-cell" @click="clickIcon('flag')"><div class="icon-icon"><flag class="aut-icon"></flag></div><div class="icon-text">flag</div></div>
		<div class="icon-cell" @click="clickIcon('fold')"><div class="icon-icon"><fold class="aut-icon"></fold></div><div class="icon-text">fold</div></div>
		<div class="icon-cell" @click="clickIcon('folder')"><div class="icon-icon"><folder class="aut-icon"></folder></div><div class="icon-text">folder</div></div>
		<div class="icon-cell" @click="clickIcon('folder-add')"><div class="icon-icon"><folder-add class="aut-icon"></folder-add></div><div class="icon-text">folder-add</div></div>
		<div class="icon-cell" @click="clickIcon('folder-checked')"><div class="icon-icon"><folder-checked class="aut-icon"></folder-checked></div><div class="icon-text">folder-checked</div></div>
		<div class="icon-cell" @click="clickIcon('folder-delete')"><div class="icon-icon"><folder-delete class="aut-icon"></folder-delete></div><div class="icon-text">folder-delete</div></div>
		<div class="icon-cell" @click="clickIcon('folder-opened')"><div class="icon-icon"><folder-opened class="aut-icon"></folder-opened></div><div class="icon-text">folder-opened</div></div>
		<div class="icon-cell" @click="clickIcon('folder-remove')"><div class="icon-icon"><folder-remove class="aut-icon"></folder-remove></div><div class="icon-text">folder-remove</div></div>
		<div class="icon-cell" @click="clickIcon('food')"><div class="icon-icon"><food class="aut-icon"></food></div><div class="icon-text">food</div></div>
		<div class="icon-cell" @click="clickIcon('football')"><div class="icon-icon"><football class="aut-icon"></football></div><div class="icon-text">football</div></div>
		<div class="icon-cell" @click="clickIcon('fork-spoon')"><div class="icon-icon"><fork-spoon class="aut-icon"></fork-spoon></div><div class="icon-text">fork-spoon</div></div>
		<div class="icon-cell" @click="clickIcon('fries')"><div class="icon-icon"><fries class="aut-icon"></fries></div><div class="icon-text">fries</div></div>
		<div class="icon-cell" @click="clickIcon('full-screen')"><div class="icon-icon"><full-screen class="aut-icon"></full-screen></div><div class="icon-text">full-screen</div></div>
		<div class="icon-cell" @click="clickIcon('goblet')"><div class="icon-icon"><goblet class="aut-icon"></goblet></div><div class="icon-text">goblet</div></div>
		<div class="icon-cell" @click="clickIcon('goblet-full')"><div class="icon-icon"><goblet-full class="aut-icon"></goblet-full></div><div class="icon-text">goblet-full</div></div>
		<div class="icon-cell" @click="clickIcon('goblet-square')"><div class="icon-icon"><goblet-square class="aut-icon"></goblet-square></div><div class="icon-text">goblet-square</div></div>
		<div class="icon-cell" @click="clickIcon('goblet-square-full')"><div class="icon-icon"><goblet-square-full class="aut-icon"></goblet-square-full></div><div class="icon-text">goblet-square-full</div></div>
		<div class="icon-cell" @click="clickIcon('goods')"><div class="icon-icon"><goods class="aut-icon"></goods></div><div class="icon-text">goods</div></div>
		<div class="icon-cell" @click="clickIcon('goods-filled')"><div class="icon-icon"><goods-filled class="aut-icon"></goods-filled></div><div class="icon-text">goods-filled</div></div>
		<div class="icon-cell" @click="clickIcon('grape')"><div class="icon-icon"><grape class="aut-icon"></grape></div><div class="icon-text">grape</div></div>
		<div class="icon-cell" @click="clickIcon('grid')"><div class="icon-icon"><grid class="aut-icon"></grid></div><div class="icon-text">grid</div></div>
		<div class="icon-cell" @click="clickIcon('guide')"><div class="icon-icon"><guide class="aut-icon"></guide></div><div class="icon-text">guide</div></div>
		<div class="icon-cell" @click="clickIcon('headset')"><div class="icon-icon"><headset class="aut-icon"></headset></div><div class="icon-text">headset</div></div>
		<div class="icon-cell" @click="clickIcon('help')"><div class="icon-icon"><help class="aut-icon"></help></div><div class="icon-text">help</div></div>
		<div class="icon-cell" @click="clickIcon('help-filled')"><div class="icon-icon"><help-filled class="aut-icon"></help-filled></div><div class="icon-text">help-filled</div></div>
		<div class="icon-cell" @click="clickIcon('hide')"><div class="icon-icon"><hide class="aut-icon"></hide></div><div class="icon-text">hide</div></div>
		<div class="icon-cell" @click="clickIcon('histogram')"><div class="icon-icon"><histogram class="aut-icon"></histogram></div><div class="icon-text">histogram</div></div>
		<div class="icon-cell" @click="clickIcon('home-filled')"><div class="icon-icon"><home-filled class="aut-icon"></home-filled></div><div class="icon-text">home-filled</div></div>
		<div class="icon-cell" @click="clickIcon('hot-water')"><div class="icon-icon"><hot-water class="aut-icon"></hot-water></div><div class="icon-text">hot-water</div></div>
		<div class="icon-cell" @click="clickIcon('house')"><div class="icon-icon"><house class="aut-icon"></house></div><div class="icon-text">house</div></div>
		<div class="icon-cell" @click="clickIcon('ice-cream')"><div class="icon-icon"><ice-cream class="aut-icon"></ice-cream></div><div class="icon-text">ice-cream</div></div>
		<div class="icon-cell" @click="clickIcon('ice-cream-round')"><div class="icon-icon"><ice-cream-round class="aut-icon"></ice-cream-round></div><div class="icon-text">ice-cream-round</div></div>
		<div class="icon-cell" @click="clickIcon('ice-cream-square')"><div class="icon-icon"><ice-cream-square class="aut-icon"></ice-cream-square></div><div class="icon-text">ice-cream-square</div></div>
		<div class="icon-cell" @click="clickIcon('ice-drink')"><div class="icon-icon"><ice-drink class="aut-icon"></ice-drink></div><div class="icon-text">ice-drink</div></div>
		<div class="icon-cell" @click="clickIcon('ice-tea')"><div class="icon-icon"><ice-tea class="aut-icon"></ice-tea></div><div class="icon-text">ice-tea</div></div>
		<div class="icon-cell" @click="clickIcon('info-filled')"><div class="icon-icon"><info-filled class="aut-icon"></info-filled></div><div class="icon-text">info-filled</div></div>
		<div class="icon-cell" @click="clickIcon('iphone')"><div class="icon-icon"><iphone class="aut-icon"></iphone></div><div class="icon-text">iphone</div></div>
		<div class="icon-cell" @click="clickIcon('key')"><div class="icon-icon"><key class="aut-icon"></key></div><div class="icon-text">key</div></div>
		<div class="icon-cell" @click="clickIcon('knife-fork')"><div class="icon-icon"><knife-fork class="aut-icon"></knife-fork></div><div class="icon-text">knife-fork</div></div>
		<div class="icon-cell" @click="clickIcon('lightning')"><div class="icon-icon"><lightning class="aut-icon"></lightning></div><div class="icon-text">lightning</div></div>
		<div class="icon-cell" @click="clickIcon('link')"><div class="icon-icon"><link class="aut-icon"></link></div><div class="icon-text">link</div></div>
		<div class="icon-cell" @click="clickIcon('list')"><div class="icon-icon"><list class="aut-icon"></list></div><div class="icon-text">list</div></div>
		<div class="icon-cell" @click="clickIcon('loading')"><div class="icon-icon"><loading class="aut-icon"></loading></div><div class="icon-text">loading</div></div>
		<div class="icon-cell" @click="clickIcon('location')"><div class="icon-icon"><location class="aut-icon"></location></div><div class="icon-text">location</div></div>
		<div class="icon-cell" @click="clickIcon('location-filled')"><div class="icon-icon"><location-filled class="aut-icon"></location-filled></div><div class="icon-text">location-filled</div></div>
		<div class="icon-cell" @click="clickIcon('location-information')"><div class="icon-icon"><location-information class="aut-icon"></location-information></div><div class="icon-text">location-information</div></div>
		<div class="icon-cell" @click="clickIcon('lock')"><div class="icon-icon"><lock class="aut-icon"></lock></div><div class="icon-text">lock</div></div>
		<div class="icon-cell" @click="clickIcon('lollipop')"><div class="icon-icon"><lollipop class="aut-icon"></lollipop></div><div class="icon-text">lollipop</div></div>
		<div class="icon-cell" @click="clickIcon('magic-stick')"><div class="icon-icon"><magic-stick class="aut-icon"></magic-stick></div><div class="icon-text">magic-stick</div></div>
		<div class="icon-cell" @click="clickIcon('magnet')"><div class="icon-icon"><magnet class="aut-icon"></magnet></div><div class="icon-text">magnet</div></div>
		<div class="icon-cell" @click="clickIcon('male')"><div class="icon-icon"><male class="aut-icon"></male></div><div class="icon-text">male</div></div>
		<div class="icon-cell" @click="clickIcon('management')"><div class="icon-icon"><management class="aut-icon"></management></div><div class="icon-text">management</div></div>
		<div class="icon-cell" @click="clickIcon('map-location')"><div class="icon-icon"><map-location class="aut-icon"></map-location></div><div class="icon-text">map-location</div></div>
		<div class="icon-cell" @click="clickIcon('medal')"><div class="icon-icon"><medal class="aut-icon"></medal></div><div class="icon-text">medal</div></div>
		<div class="icon-cell" @click="clickIcon('menu')"><div class="icon-icon"><menu class="aut-icon"></menu></div><div class="icon-text">menu</div></div>
		<div class="icon-cell" @click="clickIcon('message')"><div class="icon-icon"><message class="aut-icon"></message></div><div class="icon-text">message</div></div>
		<div class="icon-cell" @click="clickIcon('message-box')"><div class="icon-icon"><message-box class="aut-icon"></message-box></div><div class="icon-text">message-box</div></div>
		<div class="icon-cell" @click="clickIcon('mic')"><div class="icon-icon"><mic class="aut-icon"></mic></div><div class="icon-text">mic</div></div>
		<div class="icon-cell" @click="clickIcon('microphone')"><div class="icon-icon"><microphone class="aut-icon"></microphone></div><div class="icon-text">microphone</div></div>
		<div class="icon-cell" @click="clickIcon('milk-tea')"><div class="icon-icon"><milk-tea class="aut-icon"></milk-tea></div><div class="icon-text">milk-tea</div></div>
		<div class="icon-cell" @click="clickIcon('minus')"><div class="icon-icon"><minus class="aut-icon"></minus></div><div class="icon-text">minus</div></div>
		<div class="icon-cell" @click="clickIcon('money')"><div class="icon-icon"><money class="aut-icon"></money></div><div class="icon-text">money</div></div>
		<div class="icon-cell" @click="clickIcon('monitor')"><div class="icon-icon"><monitor class="aut-icon"></monitor></div><div class="icon-text">monitor</div></div>
		<div class="icon-cell" @click="clickIcon('moon')"><div class="icon-icon"><moon class="aut-icon"></moon></div><div class="icon-text">moon</div></div>
		<div class="icon-cell" @click="clickIcon('moon-night')"><div class="icon-icon"><moon-night class="aut-icon"></moon-night></div><div class="icon-text">moon-night</div></div>
		<div class="icon-cell" @click="clickIcon('more')"><div class="icon-icon"><more class="aut-icon"></more></div><div class="icon-text">more</div></div>
		<div class="icon-cell" @click="clickIcon('more-filled')"><div class="icon-icon"><more-filled class="aut-icon"></more-filled></div><div class="icon-text">more-filled</div></div>
		<div class="icon-cell" @click="clickIcon('mostly-cloudy')"><div class="icon-icon"><mostly-cloudy class="aut-icon"></mostly-cloudy></div><div class="icon-text">mostly-cloudy</div></div>
		<div class="icon-cell" @click="clickIcon('mouse')"><div class="icon-icon"><mouse class="aut-icon"></mouse></div><div class="icon-text">mouse</div></div>
		<div class="icon-cell" @click="clickIcon('mug')"><div class="icon-icon"><mug class="aut-icon"></mug></div><div class="icon-text">mug</div></div>
		<div class="icon-cell" @click="clickIcon('mute')"><div class="icon-icon"><mute class="aut-icon"></mute></div><div class="icon-text">mute</div></div>
		<div class="icon-cell" @click="clickIcon('mute-notification')"><div class="icon-icon"><mute-notification class="aut-icon"></mute-notification></div><div class="icon-text">mute-notification</div></div>
		<div class="icon-cell" @click="clickIcon('no-smoking')"><div class="icon-icon"><no-smoking class="aut-icon"></no-smoking></div><div class="icon-text">no-smoking</div></div>
		<div class="icon-cell" @click="clickIcon('notebook')"><div class="icon-icon"><notebook class="aut-icon"></notebook></div><div class="icon-text">notebook</div></div>
		<div class="icon-cell" @click="clickIcon('notification')"><div class="icon-icon"><notification class="aut-icon"></notification></div><div class="icon-text">notification</div></div>
		<div class="icon-cell" @click="clickIcon('odometer')"><div class="icon-icon"><odometer class="aut-icon"></odometer></div><div class="icon-text">odometer</div></div>
		<div class="icon-cell" @click="clickIcon('office-building')"><div class="icon-icon"><office-building class="aut-icon"></office-building></div><div class="icon-text">office-building</div></div>
		<div class="icon-cell" @click="clickIcon('open')"><div class="icon-icon"><open class="aut-icon"></open></div><div class="icon-text">open</div></div>
		<div class="icon-cell" @click="clickIcon('operation')"><div class="icon-icon"><operation class="aut-icon"></operation></div><div class="icon-text">operation</div></div>
		<div class="icon-cell" @click="clickIcon('opportunity')"><div class="icon-icon"><opportunity class="aut-icon"></opportunity></div><div class="icon-text">opportunity</div></div>
		<div class="icon-cell" @click="clickIcon('orange')"><div class="icon-icon"><orange class="aut-icon"></orange></div><div class="icon-text">orange</div></div>
		<div class="icon-cell" @click="clickIcon('paperclip')"><div class="icon-icon"><paperclip class="aut-icon"></paperclip></div><div class="icon-text">paperclip</div></div>
		<div class="icon-cell" @click="clickIcon('partly-cloudy')"><div class="icon-icon"><partly-cloudy class="aut-icon"></partly-cloudy></div><div class="icon-text">partly-cloudy</div></div>
		<div class="icon-cell" @click="clickIcon('pear')"><div class="icon-icon"><pear class="aut-icon"></pear></div><div class="icon-text">pear</div></div>
		<div class="icon-cell" @click="clickIcon('phone')"><div class="icon-icon"><phone class="aut-icon"></phone></div><div class="icon-text">phone</div></div>
		<div class="icon-cell" @click="clickIcon('phone-filled')"><div class="icon-icon"><phone-filled class="aut-icon"></phone-filled></div><div class="icon-text">phone-filled</div></div>
		<div class="icon-cell" @click="clickIcon('picture')"><div class="icon-icon"><picture class="aut-icon"></picture></div><div class="icon-text">picture</div></div>
		<div class="icon-cell" @click="clickIcon('picture-filled')"><div class="icon-icon"><picture-filled class="aut-icon"></picture-filled></div><div class="icon-text">picture-filled</div></div>
		<div class="icon-cell" @click="clickIcon('picture-rounded')"><div class="icon-icon"><picture-rounded class="aut-icon"></picture-rounded></div><div class="icon-text">picture-rounded</div></div>
		<div class="icon-cell" @click="clickIcon('pie-chart')"><div class="icon-icon"><pie-chart class="aut-icon"></pie-chart></div><div class="icon-text">pie-chart</div></div>
		<div class="icon-cell" @click="clickIcon('place')"><div class="icon-icon"><place class="aut-icon"></place></div><div class="icon-text">place</div></div>
		<div class="icon-cell" @click="clickIcon('platform')"><div class="icon-icon"><platform class="aut-icon"></platform></div><div class="icon-text">platform</div></div>
		<div class="icon-cell" @click="clickIcon('plus')"><div class="icon-icon"><plus class="aut-icon"></plus></div><div class="icon-text">plus</div></div>
		<div class="icon-cell" @click="clickIcon('pointer')"><div class="icon-icon"><pointer class="aut-icon"></pointer></div><div class="icon-text">pointer</div></div>
		<div class="icon-cell" @click="clickIcon('position')"><div class="icon-icon"><position class="aut-icon"></position></div><div class="icon-text">position</div></div>
		<div class="icon-cell" @click="clickIcon('postcard')"><div class="icon-icon"><postcard class="aut-icon"></postcard></div><div class="icon-text">postcard</div></div>
		<div class="icon-cell" @click="clickIcon('pouring')"><div class="icon-icon"><pouring class="aut-icon"></pouring></div><div class="icon-text">pouring</div></div>
		<div class="icon-cell" @click="clickIcon('present')"><div class="icon-icon"><present class="aut-icon"></present></div><div class="icon-text">present</div></div>
		<div class="icon-cell" @click="clickIcon('price-tag')"><div class="icon-icon"><price-tag class="aut-icon"></price-tag></div><div class="icon-text">price-tag</div></div>
		<div class="icon-cell" @click="clickIcon('printer')"><div class="icon-icon"><printer class="aut-icon"></printer></div><div class="icon-text">printer</div></div>
		<div class="icon-cell" @click="clickIcon('promotion')"><div class="icon-icon"><promotion class="aut-icon"></promotion></div><div class="icon-text">promotion</div></div>
		<div class="icon-cell" @click="clickIcon('question-filled')"><div class="icon-icon"><question-filled class="aut-icon"></question-filled></div><div class="icon-text">question-filled</div></div>
		<div class="icon-cell" @click="clickIcon('rank')"><div class="icon-icon"><rank class="aut-icon"></rank></div><div class="icon-text">rank</div></div>
		<div class="icon-cell" @click="clickIcon('reading')"><div class="icon-icon"><reading class="aut-icon"></reading></div><div class="icon-text">reading</div></div>
		<div class="icon-cell" @click="clickIcon('reading-lamp')"><div class="icon-icon"><reading-lamp class="aut-icon"></reading-lamp></div><div class="icon-text">reading-lamp</div></div>
		<div class="icon-cell" @click="clickIcon('refresh')"><div class="icon-icon"><refresh class="aut-icon"></refresh></div><div class="icon-text">refresh</div></div>
		<div class="icon-cell" @click="clickIcon('refresh-left')"><div class="icon-icon"><refresh-left class="aut-icon"></refresh-left></div><div class="icon-text">refresh-left</div></div>
		<div class="icon-cell" @click="clickIcon('refresh-right')"><div class="icon-icon"><refresh-right class="aut-icon"></refresh-right></div><div class="icon-text">refresh-right</div></div>
		<div class="icon-cell" @click="clickIcon('refrigerator')"><div class="icon-icon"><refrigerator class="aut-icon"></refrigerator></div><div class="icon-text">refrigerator</div></div>
		<div class="icon-cell" @click="clickIcon('remove')"><div class="icon-icon"><remove class="aut-icon"></remove></div><div class="icon-text">remove</div></div>
		<div class="icon-cell" @click="clickIcon('remove-filled')"><div class="icon-icon"><remove-filled class="aut-icon"></remove-filled></div><div class="icon-text">remove-filled</div></div>
		<div class="icon-cell" @click="clickIcon('right')"><div class="icon-icon"><right class="aut-icon"></right></div><div class="icon-text">right</div></div>
		<div class="icon-cell" @click="clickIcon('scale-to-original')"><div class="icon-icon"><scale-to-original class="aut-icon"></scale-to-original></div><div class="icon-text">scale-to-original</div></div>
		<div class="icon-cell" @click="clickIcon('school')"><div class="icon-icon"><school class="aut-icon"></school></div><div class="icon-text">school</div></div>
		<div class="icon-cell" @click="clickIcon('scissor')"><div class="icon-icon"><scissor class="aut-icon"></scissor></div><div class="icon-text">scissor</div></div>
		<div class="icon-cell" @click="clickIcon('search')"><div class="icon-icon"><search class="aut-icon"></search></div><div class="icon-text">search</div></div>
		<div class="icon-cell" @click="clickIcon('select')"><div class="icon-icon"><select class="aut-icon"></select></div><div class="icon-text">select</div></div>
		<div class="icon-cell" @click="clickIcon('sell')"><div class="icon-icon"><sell class="aut-icon"></sell></div><div class="icon-text">sell</div></div>
		<div class="icon-cell" @click="clickIcon('semi-select')"><div class="icon-icon"><semi-select class="aut-icon"></semi-select></div><div class="icon-text">semi-select</div></div>
		<div class="icon-cell" @click="clickIcon('service')"><div class="icon-icon"><service class="aut-icon"></service></div><div class="icon-text">service</div></div>
		<div class="icon-cell" @click="clickIcon('set-up')"><div class="icon-icon"><set-up class="aut-icon"></set-up></div><div class="icon-text">set-up</div></div>
		<div class="icon-cell" @click="clickIcon('setting')"><div class="icon-icon"><setting class="aut-icon"></setting></div><div class="icon-text">setting</div></div>
		<div class="icon-cell" @click="clickIcon('share')"><div class="icon-icon"><share class="aut-icon"></share></div><div class="icon-text">share</div></div>
		<div class="icon-cell" @click="clickIcon('ship')"><div class="icon-icon"><ship class="aut-icon"></ship></div><div class="icon-text">ship</div></div>
		<div class="icon-cell" @click="clickIcon('shop')"><div class="icon-icon"><shop class="aut-icon"></shop></div><div class="icon-text">shop</div></div>
		<div class="icon-cell" @click="clickIcon('shopping-bag')"><div class="icon-icon"><shopping-bag class="aut-icon"></shopping-bag></div><div class="icon-text">shopping-bag</div></div>
		<div class="icon-cell" @click="clickIcon('shopping-cart')"><div class="icon-icon"><shopping-cart class="aut-icon"></shopping-cart></div><div class="icon-text">shopping-cart</div></div>
		<div class="icon-cell" @click="clickIcon('shopping-cart-full')"><div class="icon-icon"><shopping-cart-full class="aut-icon"></shopping-cart-full></div><div class="icon-text">shopping-cart-full</div></div>
		<div class="icon-cell" @click="clickIcon('smoking')"><div class="icon-icon"><smoking class="aut-icon"></smoking></div><div class="icon-text">smoking</div></div>
		<div class="icon-cell" @click="clickIcon('soccer')"><div class="icon-icon"><soccer class="aut-icon"></soccer></div><div class="icon-text">soccer</div></div>
		<div class="icon-cell" @click="clickIcon('sold-out')"><div class="icon-icon"><sold-out class="aut-icon"></sold-out></div><div class="icon-text">sold-out</div></div>
		<div class="icon-cell" @click="clickIcon('sort')"><div class="icon-icon"><sort class="aut-icon"></sort></div><div class="icon-text">sort</div></div>
		<div class="icon-cell" @click="clickIcon('sort-down')"><div class="icon-icon"><sort-down class="aut-icon"></sort-down></div><div class="icon-text">sort-down</div></div>
		<div class="icon-cell" @click="clickIcon('sort-up')"><div class="icon-icon"><sort-up class="aut-icon"></sort-up></div><div class="icon-text">sort-up</div></div>
		<div class="icon-cell" @click="clickIcon('stamp')"><div class="icon-icon"><stamp class="aut-icon"></stamp></div><div class="icon-text">stamp</div></div>
		<div class="icon-cell" @click="clickIcon('star')"><div class="icon-icon"><star class="aut-icon"></star></div><div class="icon-text">star</div></div>
		<div class="icon-cell" @click="clickIcon('star-filled')"><div class="icon-icon"><star-filled class="aut-icon"></star-filled></div><div class="icon-text">star-filled</div></div>
		<div class="icon-cell" @click="clickIcon('stopwatch')"><div class="icon-icon"><stopwatch class="aut-icon"></stopwatch></div><div class="icon-text">stopwatch</div></div>
		<div class="icon-cell" @click="clickIcon('success-filled')"><div class="icon-icon"><success-filled class="aut-icon"></success-filled></div><div class="icon-text">success-filled</div></div>
		<div class="icon-cell" @click="clickIcon('sugar')"><div class="icon-icon"><sugar class="aut-icon"></sugar></div><div class="icon-text">sugar</div></div>
		<div class="icon-cell" @click="clickIcon('suitcase')"><div class="icon-icon"><suitcase class="aut-icon"></suitcase></div><div class="icon-text">suitcase</div></div>
		<div class="icon-cell" @click="clickIcon('sunny')"><div class="icon-icon"><sunny class="aut-icon"></sunny></div><div class="icon-text">sunny</div></div>
		<div class="icon-cell" @click="clickIcon('sunrise')"><div class="icon-icon"><sunrise class="aut-icon"></sunrise></div><div class="icon-text">sunrise</div></div>
		<div class="icon-cell" @click="clickIcon('sunset')"><div class="icon-icon"><sunset class="aut-icon"></sunset></div><div class="icon-text">sunset</div></div>
		<div class="icon-cell" @click="clickIcon('switch')"><div class="icon-icon"><switch class="aut-icon"></switch></div><div class="icon-text">switch</div></div>
		<div class="icon-cell" @click="clickIcon('switch-button')"><div class="icon-icon"><switch-button class="aut-icon"></switch-button></div><div class="icon-text">switch-button</div></div>
		<div class="icon-cell" @click="clickIcon('takeaway-box')"><div class="icon-icon"><takeaway-box class="aut-icon"></takeaway-box></div><div class="icon-text">takeaway-box</div></div>
		<div class="icon-cell" @click="clickIcon('ticket')"><div class="icon-icon"><ticket class="aut-icon"></ticket></div><div class="icon-text">ticket</div></div>
		<div class="icon-cell" @click="clickIcon('tickets')"><div class="icon-icon"><tickets class="aut-icon"></tickets></div><div class="icon-text">tickets</div></div>
		<div class="icon-cell" @click="clickIcon('timer')"><div class="icon-icon"><timer class="aut-icon"></timer></div><div class="icon-text">timer</div></div>
		<div class="icon-cell" @click="clickIcon('toilet-paper')"><div class="icon-icon"><toilet-paper class="aut-icon"></toilet-paper></div><div class="icon-text">toilet-paper</div></div>
		<div class="icon-cell" @click="clickIcon('tools')"><div class="icon-icon"><tools class="aut-icon"></tools></div><div class="icon-text">tools</div></div>
		<div class="icon-cell" @click="clickIcon('top')"><div class="icon-icon"><top class="aut-icon"></top></div><div class="icon-text">top</div></div>
		<div class="icon-cell" @click="clickIcon('top-left')"><div class="icon-icon"><top-left class="aut-icon"></top-left></div><div class="icon-text">top-left</div></div>
		<div class="icon-cell" @click="clickIcon('top-right')"><div class="icon-icon"><top-right class="aut-icon"></top-right></div><div class="icon-text">top-right</div></div>
		<div class="icon-cell" @click="clickIcon('trend-charts')"><div class="icon-icon"><trend-charts class="aut-icon"></trend-charts></div><div class="icon-text">trend-charts</div></div>
		<div class="icon-cell" @click="clickIcon('trophy')"><div class="icon-icon"><trophy class="aut-icon"></trophy></div><div class="icon-text">trophy</div></div>
		<div class="icon-cell" @click="clickIcon('turn-off')"><div class="icon-icon"><turn-off class="aut-icon"></turn-off></div><div class="icon-text">turn-off</div></div>
		<div class="icon-cell" @click="clickIcon('umbrella')"><div class="icon-icon"><umbrella class="aut-icon"></umbrella></div><div class="icon-text">umbrella</div></div>
		<div class="icon-cell" @click="clickIcon('unlock')"><div class="icon-icon"><unlock class="aut-icon"></unlock></div><div class="icon-text">unlock</div></div>
		<div class="icon-cell" @click="clickIcon('upload')"><div class="icon-icon"><upload class="aut-icon"></upload></div><div class="icon-text">upload</div></div>
		<div class="icon-cell" @click="clickIcon('upload-filled')"><div class="icon-icon"><upload-filled class="aut-icon"></upload-filled></div><div class="icon-text">upload-filled</div></div>
		<div class="icon-cell" @click="clickIcon('user')"><div class="icon-icon"><user class="aut-icon"></user></div><div class="icon-text">user</div></div>
		<div class="icon-cell" @click="clickIcon('user-filled')"><div class="icon-icon"><user-filled class="aut-icon"></user-filled></div><div class="icon-text">user-filled</div></div>
		<div class="icon-cell" @click="clickIcon('van')"><div class="icon-icon"><van class="aut-icon"></van></div><div class="icon-text">van</div></div>
		<div class="icon-cell" @click="clickIcon('video-camera')"><div class="icon-icon"><video-camera class="aut-icon"></video-camera></div><div class="icon-text">video-camera</div></div>
		<div class="icon-cell" @click="clickIcon('video-camera-filled')"><div class="icon-icon"><video-camera-filled class="aut-icon"></video-camera-filled></div><div class="icon-text">video-camera-filled</div></div>
		<div class="icon-cell" @click="clickIcon('video-pause')"><div class="icon-icon"><video-pause class="aut-icon"></video-pause></div><div class="icon-text">video-pause</div></div>
		<div class="icon-cell" @click="clickIcon('video-play')"><div class="icon-icon"><video-play class="aut-icon"></video-play></div><div class="icon-text">video-play</div></div>
		<div class="icon-cell" @click="clickIcon('view')"><div class="icon-icon"><view class="aut-icon"></view></div><div class="icon-text">view</div></div>
		<div class="icon-cell" @click="clickIcon('wallet')"><div class="icon-icon"><wallet class="aut-icon"></wallet></div><div class="icon-text">wallet</div></div>
		<div class="icon-cell" @click="clickIcon('wallet-filled')"><div class="icon-icon"><wallet-filled class="aut-icon"></wallet-filled></div><div class="icon-text">wallet-filled</div></div>
		<div class="icon-cell" @click="clickIcon('warning')"><div class="icon-icon"><warning class="aut-icon"></warning></div><div class="icon-text">warning</div></div>
		<div class="icon-cell" @click="clickIcon('warning-filled')"><div class="icon-icon"><warning-filled class="aut-icon"></warning-filled></div><div class="icon-text">warning-filled</div></div>
		<div class="icon-cell" @click="clickIcon('watch')"><div class="icon-icon"><watch class="aut-icon"></watch></div><div class="icon-text">watch</div></div>
		<div class="icon-cell" @click="clickIcon('watermelon')"><div class="icon-icon"><watermelon class="aut-icon"></watermelon></div><div class="icon-text">watermelon</div></div>
		<div class="icon-cell" @click="clickIcon('wind-power')"><div class="icon-icon"><wind-power class="aut-icon"></wind-power></div><div class="icon-text">wind-power</div></div>
		<div class="icon-cell" @click="clickIcon('zoom-in')"><div class="icon-icon"><zoom-in class="aut-icon"></zoom-in></div><div class="icon-text">zoom-in</div></div>
		<div class="icon-cell" @click="clickIcon('zoom-out')"><div class="icon-icon"><zoom-out class="aut-icon"></zoom-out></div><div class="icon-text">zoom-out</div></div>
		
		
		
	</div>
	
</div>


</body>
<script>
const Main = {
data() {
	return {
		message: 'Hello Vue!!',
		iconIndex: "search",
		top: 10,
	}
},
methods:{
	fn(){
		this.message = "欢迎来到HTML中文网。";
	},
	hello(par){
		this.message = "参数值为：" + par;
	},
	clickIcon(icon) {
		this.iconIndex = icon;
		// console.log(icon)
	},
	
},
computed:{
	iconDemo(){
		return `<${this.iconIndex} class="aut-icon"></${this.iconIndex}>`;
	}
},
}

const app = Vue.createApp(Main);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {app.component(key, component)};
// for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
// 	app.component(key, component);
// 	let file = component.__file;
// 	let name = file.split('.')[0];
// 	let str = `<div class="icon-cell" @click="clickIcon('${name}')"><div class="icon-icon"><${name} class="aut-icon"></${name}></div><div class="icon-text">${name}</div></div>`;
// 	console.log(str);
// };
app.use(antd);
let vm = app.mount("#app");

// console.log(Object.keys(window));
// console.log(ElementPlusIconsVue);
// console.log(iconsVue);
</script>
</html>
